<!--我的积分请求之后的页面-->
<template>
  <div class="mymonryspecific">
    <div>{{ integral3[1] }}{{ integral3[2] }}</div>
    <p class="p">{{ integral3[3] }}</p>
    <p class="p">{{ integral3[5][0] }}</p>
    <p class="p">{{ integral3[5][1] }}</p>
    <p class="p">{{ integral2[2] }}</p>
    <div>{{ integral2[3][1] }}{{ integral2[3][2] }}</div>
    <p class="p">{{ integral2[3][3] }}</p>
    <div>{{ integral2[4][1] }}{{ integral2[4][2] }}</div>
    <p class="p">{{ integral2[4][3] }}</p>
    <div>{{ integral2[5][1] }}{{ integral2[5][2] }}</div>
    <p class="p">{{ integral2[5][3] }}</p>
  </div>
</template>

<script>
export default {
  name: "Mymonryspecific",
  data: function () {
    return {
      integral1: [],
      integral2: [],
      integral3: [],
    };
  },
  created() {
    this.$axios("https://elm.cangdu.org/v3/profile/explain")
      .then((res) => {
        // 我的积分
        this.integral1 = res.data.pointtextContent.split("###");
        this.integral2 = this.integral1[1].split("*");
        // console.log(res.data.pointtextContent);
        // console.log(this.integral2);
        this.integral3 = this.integral2[0].split(" ");
        this.integral3.push(this.integral2[1].split(","));
        // console.log(this.integral3);
        this.integral2.push(this.integral1[2].split(" "));
        this.integral2.push(this.integral1[3].split(" "));
        this.integral2.push(this.integral1[4].split(" "));
      })
      .catch((err) => console.log(err));
  },
};
</script>

<style lang="less">
.mymonryspecific {
  padding: 15px;

  div {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 30px;
  }

  .p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #666;
    line-height: 25px;
  }
}
</style>